import { useState } from "react";
import "./index.scss";

const App = () => {
  //手写一个折叠菜单
  return (
    <div>
      <ul className="nav-bar">
        {/* 首页 */}
        <li className="parent">
          <span>首页</span>
          <ul className="submenu">
            <li>
              <span>home1</span>
            </li>
            <li>
              <span>home2</span>
            </li>
            <li>
              <span>home3</span>
            </li>
          </ul>
        </li>
        {/* 新闻 */}
        <li className="parent">
          <span>新闻</span>
          <ul className="submenu">
            <li className="parent">
              <span>咨询</span>
              <ul className="submenu">
                <li>
                  <span>今日资讯</span>
                </li>
                <li>
                  <span>昨日咨询</span>
                </li>
              </ul>
            </li>
            <li className="parent">
              <span>热点</span>
              <ul className="submenu">
                <li>
                  <span>X写,Duang大人</span>
                </li>
              </ul>
            </li>
          </ul>
        </li>
      </ul>
    </div>
  );
};

export default App;
